<template>
	<view>
		<cu-custom bgColor="bg-gradual-blue" :isBack="false" style="height: 48px;">
			<block slot="content">小游戏</block>
		</cu-custom>
    <view class="poster">
      <navigator hover-class="none" url="/pages/game/garbage2048" navigateTo>
        <view class="cu-card case">
          <view class="cu-item shadow">
            <view class="image">
              <img src="../../static/gameBkg.jpeg" mode="widthFix" />
              <view class="cu-tag bg-blue">简单</view>
              <view class="cu-bar bg-shadeBottom"> <text class="text-cut">垃圾分类2048</text></view>
            </view>
          </view>
        </view>
      </navigator>
      <view @click="go">
        <view class="cu-card case">
          <view class="cu-item shadow">
            <view class="image">
              <img src="../../static/game2.jpg" mode="widthFix" />
              <view class="cu-tag bg-blue">简单</view>
              <view class="cu-bar bg-shadeBottom"> <text class="text-cut">垃圾分类趣味答题</text></view>
            </view>
          </view>
        </view>
      </view>
      <navigator hover-class="none" url="/pages/game/garbageBullet" navigateTo>
        <view class="cu-card case">
          <view class="cu-item shadow">
            <view class="image">
              <img src="../../static/30s.jpg" mode="widthFix" />
              <view class="cu-tag bg-blue">简单</view>
              <view class="cu-bar bg-shadeBottom"> <text class="text-cut">垃圾分类炮弹小游戏</text></view>
            </view>
          </view>
        </view>
      </navigator>
    </view>
	</view>
</template>

<script>
	export default {
		name: "game",
		methods: {
			go(){
				wx.navigateToMiniProgram({
				  appId: 'wx903567782f6326d9',
				  path: 'page/index/index',
				  extraData: {
				    foo: 'bar'
				  },
				  envVersion: 'trial',
				  success(res) {
					console.log("gogogo")
				  }
				})
			}
		},
	}
</script>

<style scoped>
  .poster {
    padding-bottom: 150rpx;
  }

  .image{
    height: 400rpx;
  }
</style>
